//YSY 主页的js
$(function(){
init();


let ALinks=[{
    links:'zyp_getcategorytitle.html',   //比价搜索
},{
    links:'zyp_moneyControl.html'
},
{
    links:'YSY_ChinaDiscount.html'
},
{
    links:'nan_bcj.html'
},
{
    links:'zyp_moneyControl.html'
},
{
    links:'YSY_youhui.html'
},
{
    links:'zyp_getcategorytitle.html'
},
{
    links:'test7'
},

{
    links:'nan_cdp.html'
},
{
    links:'test9'
},
{
    links:'nan_scdh.html'
},
{
    links:'brandTitle.html'
}
]

function init(){
    recommondAjax();
}

//菜单栏获取的ajax请求 再渲染模板
var menuData=(function(){
    let testData;   //
    $.ajax({
        type:'get',
        url:'http://193.112.55.79:9090/api/getindexmenu',
        dataType:'json',
        async:false,   //同步获取
        success:(response)=>{
            let data = response.result;
            data.link=ALinks;
            console.log(data,'/....')
            testData=data;
            let html='';
            data.forEach((value,index)=>{
                console.log(value,index)
                let imgLink =value.img.match(/\w+[/]\w+[.]\w+/)[0]   //截取的是后面图片的部分地址
                value.img=imgLink;
                data[index].Alink=ALinks[index];
                console.log(data[index].Alink.links)
                    html+=`
                   
                    <li class="${index==7?'moreBtn':''} ${index>7?"test":''}">
                       
                      <a href="${index==7?'javascript:;':`${data[index].Alink.links}`}" class='menu_search'>
                        <img src="http://www.ak48.xyz:9090/${value.img}" alt="${value.name}">
                        <p>${value.name}</p>
                      </a>
                      
                    </li>`
                
            })
            // let html = template('YSY_menu',{data})
            $('.ysy_menu .menu_li ul').html(html);
            let oneHeight = $('.moreBtn').height()+30;  //因为后面有padding
            $('.test').css({height:`${oneHeight}px`});

        }
    })

return testData;
}
)();



//使用事件委派 在点击的时候 append后面的数据
$('.ysy_menu .menu_li').on('tap','.moreBtn a',(e)=>{
    let oneHeight = $('.test').height();
    console.log(oneHeight)
    let parentHeight =$('.moreBtn').parent().height();
    $('.test').css({height:`0px`,transition:'height 1s'});
    if(oneHeight!=0){
        $('.test').css({transition:'height 1s',height:0})
    }if(oneHeight==0){
        $('.test').css({transition:'height 1s',height:`80px`})
    }
    // if(oneHeight){
    //     $('.test').css({transition:'height 1s',height:`${oneHeight}px`})
    // }
  
})



// 推荐栏发送的ajax请求 再渲染模板
function recommondAjax(){
    sendAjax('http://193.112.55.79:9090/api/getmoneyctrl','get','',(response)=>{
    let data=response.result;
    //取字符串中的数字
    data.forEach((value,index)=>{
        let num =getNum(value.productComCount);   //截取的是后面图片的部分地址
        // -------------------------------------------------------------------------这里以后写地址 然后渲染上去
        value.productComCount=num;
    })
    console.log(data)
    
    //由于获取到的数据 有些数据是包含在文字里面的 因此要进行提取
    let html=template('YSY_recommond',{data});
    $('.recommond_list').html(html);


    })
}



//发送ajax请求的数据 url是请求的链接，data是发送的数据，fn是回掉函数 data在最后 没有的时候可以忽略
function sendAjax(url,type,data,fn){
    $.ajax({
        type:type,
        url:url,
        data:data,
        dataType:'json',
        success:(response)=>{
            fn(response);
        }
    })
}


//取出数据中的数字
/*取到字符串里面的数字 */
function getNum(str) {
    // console.dir(/\d+/.exec(str));
    //exec()  返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null
    if (!str || str.length == 0) {
        return "";
    } else {
        var ret = /\d+/.exec(str);
        if (!ret) {
            return "";
        }
        return parseInt(/\d+/.exec(str)[0]);
    }
}


})